<template>
  <div class="ke-search-box">
    <label>{{ showLabel }}</label>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'KSearchBox',
  props: {
    label: String
  },
  computed: {
    showLabel () {
      return this.label ? `${this.label}:` : ''
    }
  }
}
</script>

<style scoped lang="scss">
  .ke-search-box {
    display: inline-block;
    margin-left: 15px;
    label {
      font-size: 14px;
      color: #3f3f3f;
    }
  }
</style>
